<template>
  <div class="main">
    <div class="contractBox">
        <div class="contract-top">
            <el-button type="primary">未签合同</el-button>
            <el-button type="primary" plain>查看更多</el-button>
        </div>
        <div style="padding-bottom: 15px;">
            <el-table v-loading="loading" :data="list">
                <el-table-column type="selection" width="55" />
                <el-table-column label="合同编号" align="center" prop="startTime" />
                <el-table-column label="产品种类" align="center" prop="startTime" />
                <el-table-column label="合同状态" align="center" prop="startTime" />
                <el-table-column label="总量" align="center" prop="startTime" />
                <el-table-column label="开始时间" align="center" prop="startTime" />
                <el-table-column label="到期时间" align="center" prop="startTime" />
                <el-table-column label="操作" align="center">
                    <template>
                    <el-button link type="primary">
                        查看
                    </el-button>
                    </template>
                </el-table-column>
            </el-table>

        </div>
    </div>
    <div class="contractBox">
        <div class="contract-top">
            <el-button type="primary">待配送任务</el-button>
            <el-button type="primary" plain>查看更多</el-button>
        </div>
        <div style="padding-bottom: 15px;">
            <el-table v-loading="loading" :data="list">
                <el-table-column type="selection" width="55" />
                <el-table-column label="商砼企业" align="center" prop="startTime" />
                <el-table-column label="配送数量" align="center" prop="startTime" />
                <el-table-column label="项目/地址" align="center" prop="startTime" />
                <el-table-column label="产品" align="center" prop="startTime" />
                <el-table-column label="创建时间" align="center" prop="startTime" />
                <el-table-column label="订单号" align="center" prop="startTime" />
                <el-table-column label="配送时间" align="center"></el-table-column>
            </el-table>

        </div>
    </div>
  </div>
</template>

<script setup lang="ts" name="toDoItems">
const list = ref([{startTime:'111'},{startTime:'111'},{startTime:'111'}])
const loading = ref(false)
</script>

<style scoped>
.main{

}
.contractBox{

}
.contract-top{
width: 100%;
display: flex;
justify-content: space-between;
padding-bottom: 15px;
}
::v-deep.el-table .el-table__cell {
    z-index: 0;
}
</style>